{{extend 'layout.html'}}
<script>
    $(function() {
        $("table#songs").tablesorter({ sortList: [[3,1]] , 
            headers: {
                6: { sorter: false }
            }
        });

    });
</script>


<div class="row">
    <div class="span6">
        <form id="songs" class="form-stacked" method="POST"
            action="/radio/dj/play">
            <fieldset>
                <legend>Play a New Song </legend> 
                <div class="clearfix">
                    <label for="song">Song *</label>
                    <div class="input">
                        <input class="xlarge" id="song" name="song" size="30"
                        type="text">
                    </div>
                </div>

                <div class="clearfix">
                    <label for="album">Album *</label>
                    <div class="input">
                        <input class="xlarge" id="album" name="album" size="30"
                        type="text">
                    </div>
                </div>

                <div class="clearfix">
                    <label for="artist">Artist *</label>
                    <div class="input">
                        <input class="xlarge" id="artist" name="artist" size="30"
                        type="text">
                    </div>
                </div>

                <div class="clearfix">
                    <label for="description">Comment</label>
                    <div class="input">
                        <textarea class="xlarge" name="description" id="description"
                            rows=5></textarea>
                    </div>
                </div> 

                <div class="clearfix">
                    <div class="input">
                        <input class="btn primary" id="submit" name="play_new" 
                        type="submit" value="Play">
                    </div>
                </div>
            </fieldset>
        </form>
    </div>
</div>
